<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>添加房源</title>
    <!-- <script src="./jquery.min.js"></script> -->
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./font_kxedx7zf428/iconfont.css">
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <style>
        body {
            font-size: 12px;
        }

        .container {
            margin-top: 30px;
        }

        .input-group {
            width: 100% !important;
            margin-bottom: 10px;
        }

        .input-group span {
            display: inline-block;
            width: 111px;
            line-height: 38px;
        }

        .input-group div {
            border: 1px solid #ccc;
            width: 90px;
            margin-right: 15px;
            line-height: 38px;
            text-align: center;
        }

        .input-group input {
            font-size: 12px;
            outline: none !important;
        }

        

        .btn-group {
            float: left !important;
            margin-top: 15px;
            margin-right: 60px;
        }

        .sub_oders {
            background-color: #009688;
            font-size: 12px;
            color: #fff;
            padding: 10px 20px;
        }

        .header span {
            background: #009688;
            margin-left: 30px;
            padding: 10px;
            color: #ffffff;
        }

        .header div {
            border-bottom: solid 2px #009688;
            margin: 8px 0 6px 0;
        }
        .form-control {
            width: 50%;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="header">
            <span>添加房源</span>
            <div></div>
        </div>
        <div>
            <div class="input-group">

                <span>房屋地址: </span><input type="text" class="form-control " placeholder="请输入房屋地址"
                    aria-describedby="basic-addon1" style="outline: none;">
            </div>
            <div class="input-group">
                <span>小区电费: </span><input type="password" class="form-control " placeholder="请输入小区电费"
                    aria-describedby="basic-addon1">
            </div>
            <div class="input-group">
                <span> 十月用电量: </span><input type="number" class="form-control" placeholder="请输入十月电量"
                    aria-describedby="basic-addon1" id="money">
            </div>
            <div class="input-group">
                <span> 十月公共区域用电量: </span><input type="number" class="form-control" placeholder="请输入十月公共区域用电量"
                    aria-describedby="basic-addon1" id="money" min="1">
            </div>
            <div class="input-group">
                <span> 十月共用电量: </span><input type="number" class="form-control" placeholder="请输入十月共用电量"
                    aria-describedby="basic-addon1" id="money" min="1">
            </div>
            <div class="input-group" style="width: 100%;">
                <span> 余额: </span>
                <input type="number" class="form-control" placeholder="请输入金额" aria-describedby="basic-addon1" id="money"
                    min="1">
                <input  class="form-control" style="background-color: #FF5722;"  value="欠费18.5元" aria-describedby="basic-addon1" id="money"
                    min="1">
            </div>
            <div class="input-group" style="width: 100%;">
                <span> 选择金额: </span>
                <select class="form-control">
                    <option>100</option>
                    <option>200</option>
                    <option>300</option>
                    <option>400</option>
                </select>
            </div>
        </div>
        <div class="btn-group" role="group">
            <button type="button" class="btn btn-default sub_oders">充值</button>
        </div>
    </div>
</body>
<script>

</script>

</html>